/* 表格基础样式！ */

/* 日历表格外层样式 */
body{
    font-family: "微软雅黑";
}
#cldFrame {
    padding: 40px;
    position: relative;
}
#cldFrame table{
    width: 100%;
}
#cldBody {
    margin: 10px;
    position: absolute;
    width: 420px;
}
#top {
    position: relative;
    height: 60px;
    text-align: center;
    line-height: 60px;
    width: 30%;
    margin: 0 auto;
}

#topDate {
    font-size: 30px;
}

.curDate {
    color: red;
    font-weight: bold;
}

table {
    background-color: #FFFFFF;
}

#week td {
    font-size: 15px;
}

td {
    height: 60px;
    width: 60px;
    text-align: center;
    font-size: 16px;
}

#left, #right {
    position: absolute;
    width: 60px;
    height: 60px;
}

#left {
    left: 0px;
}

#right {
    right: 0px;
}

#left:hover, #right:hover {
    background-color: rgba(30, 30, 30, 0.2);
}

/* 附加样式 */

/* 本月之外的日期样式 */
.orderMethod {
    color: #A2CD5A;
}

/* 本月日期样式 */
/*.currentMethod {
    color: #00EE76;
    border-style: solid;
    border-width: 1px;
    border-color: #4EEE94;
}*/


/* 星期背景样式 */
#week{
    background: #F8F8FF;
    border:none;
}
#tbody td{
    color: #333;
    padding: 5px 0;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
/* 被选中日期的样式 */
#tbody tr td:hover{
    color: #fff;
    background: #dfdbff;
}
#tbody tr td.selected {
    color: #fff;
    background-color: rgba(8,130,245,0.8);
}
.txStyle{
    position: relative;
}
.txStyle p{
    margin-top: -5px;
    color: #cd9021;
}
.txStyle span{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 10px;
    font-size: 12px;
}
.marker{
    display: inline-block;
    font-style: normal;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #308ccc;
    border-radius: 100px;
}

#tbody tr td.orderMethod{
    background-color: #f3f3f3;
}